<template>
<div>
	<div class="go">
		<div class="qu">周末去哪儿</div>
	</div>
	<div class="golist" v-for='item in vacationList'>
			<img :src="item.imgUrl">		<div class="goto">
			<p>{{item.title}}</p>
			<span>{{item.msg}}</span>
		</div>
	</div>
</div>
</template>
<script>
	export default{
		props:[
			'vacationList'
		]
	}
</script>
<style lang='stylus' scoped>
	.go{
		width: 100%;
		box-sizing: border-box;
		font-size: .4rem;
		padding:13px;
		background: #eee;
	}
	.golist{
		width: 100%;
		padding-bottom: 15px;
		img{
			width: 100%;
		}
		p{
			font-size: .42rem;
			padding-left: 10px;
			margin-top: 6px;
		}
		span{
			font-size: .32rem;
			color: #616161;
			padding-left: 10px;
		}
	}
</style>